<template>
  <div class="order">
    <div class="order_header">
      <van-nav-bar title="我的订单" left-text="返回" left-arrow @click-left="orderonClickLeft" id="order_header"/>
    </div>
    <van-tabs v-model="active" color="#1E5EAE" id="order_box">
      <van-tab title="全部">
        <allOrder />
      </van-tab>
      <van-tab title="待派单">
        <waitPay />
      </van-tab>
      <van-tab title="待接单">
        <waitReceive />
      </van-tab>
      <van-tab title="待确认">
        <waitConfirm />
      </van-tab>
      <van-tab title="已完成">
        <overOrder />
      </van-tab>
    </van-tabs>
    <div class="app_nav">
      <van-tabbar v-model="active2" active-color="#1E5EAE">
        <van-tabbar-item name="one" icon="home-o" to="/manager/index">首页</van-tabbar-item>
        <van-tabbar-item name="two" icon="orders-o" to="/manager/order">订单</van-tabbar-item>
        <van-tabbar-item name="three" icon="user-circle-o" to="/manager/user">我的</van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>

<script>
import allOrder from '@/views/manager/allOrder'
import waitPay from '@/views/manager/waitPay'
import waitReceive from '@/views/manager/waitReceive'
import waitConfirm from '@/views/manager/waitConfirm'
import overOrder from '@/views/manager/overOrder'
import { mapState, mapActions } from 'vuex';
export default {
  components:{
    allOrder,
    waitPay,
    waitReceive,
    waitConfirm,
    overOrder
  },
  data() {
    return {
      active: 0,
      active2:'two'
    };
  },
  
  created(){

  },
  methods:{
    orderonClickLeft(){
      this.$router.push({path:'index'})
    }
  }
};
</script>
<style scope>
  .order{
    height: calc(100% - 100px);
    background-color: #eee;
  }
</style>
